<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人存款计算器</title>
		<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
	    <script type="text/javascript" src="js/jquery.min.js" ></script>
	    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
	    <link rel="stylesheet" href="css/bootstrap.min.css" />
	    <script>
	    	function calc(){
	    		num1 = $("#num1").val();
	    		regExp = /^[0-9]{1,8}$/;
	    		if (!regExp.test(num1)) {
	    			$("#num1").val("必须是1-8位数字！").css("color","red");
	    		    return;
	    		}
	    		number1 = parseInt(num1);
	    		year1 = $("#year option:selected").text();
	    		if (year1 == "三年") {
	    			num2 = $("#year").val() * number1 * 3;
	    		}  
	    		if (year1 == "五年") {
	    			num2 = $("#year").val() * number1 * 5;
	    		}
	    		if (year1 == "二年") {
	    			num2 = $("#year").val() * number1 * 2;
	    		}
	    		if (year1 == "一年") {
	    			num2 = $("#year").val() * number1;
	    		}
	    		 
	    		$("#num2").val(num2);
	    		total = number1 + num2;
	    		$("#num3").val(total);
	    		
	    	}
	    	function clearNum1(){
	    		$("#num1").val("").css("color","");
	    	}
	    </script>
	</head>
	<body>
		<div style="width:50%;" class="text-center center-block">
			<div>
				<img src="img/cmb.png">
			</div>
			<table class="table table-bordered">
				<tr class="bg-primary">
					<td colspan="2">个人存款计算</td>
				</tr>
				<tr>
					<td class="text-right">存款金额</td>
					<td>
						<input onfocus="clearNum1()" class="form-control" type="text" id="num1">
					</td>
				</tr>
				<tr>
					<td class="text-right">存款期限</td>
					<td>
						<select class="form-control" id="year">
							<option value="0.0175">一年</option>
							<option value="0.0225">二年</option>
							<option value="0.0275">三年</option>
							<option value="0.0275">五年</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="text-right">所得利息</td>
					<td>
						<input readonly="readonly" id="num2" class="form-control" type="text">
					</td>
				</tr>
				<tr>
					<td class="text-right">本息合计</td>
					<td>
						<input readonly="readonly" id="num3" class="form-control" type="text">
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<button onclick="calc()" class="btn btn-primary btn-block">开始计算</button>
					</td>
				</tr>
			</table>
			<div>
				开发者：188888888 邓婕
			</div>
		</div>
	</body>
</html>
